/** Add css rules here for your application. */
/** Example rules used by the template application (remove for your app) */
h1 {
	font-size: 2em;
	font-weight: bold;
	color: #777777;
	margin: 40px 0px 70px;
	text-align: center;
}

.sendButton {
	display: block;
	font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
	width: 400px;
}

.dialogVPanel {
	margin: 5px;
}

.serverResponseLabelError {
	color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
	margin: 15px 6px 6px;
}

.keyWidget {
	margin: 0;
	padding: 0px 5px;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
	font-size: small;
	background-color: #f0f0f0;
	border: 1px solid #bbb;
	border-bottom: 1px solid #a0a0a0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	transition: background-color 2s cubic-bezier(0, 0, 0, 0.5) 0s,
		border-color 5s cubic-bezier(0, 0, 0, 0.5) 0s;
}
.keyWidget[expected="next"] {
	background-color: #8282ff;
	transition: background-color 0s ease-out 0s;
}
.keyWidget[sequence="next"] {
	background-color: #72a2ff;
	transition: background-color 0s ease-out 0s;
}
.keyWidget[eval="1"] {
	background-color: #82ff82;
	transition: background-color 0s ease-out 0s;
}
.keyWidget[eval="2"] {
	background-color: #ff8282;
	transition: background-color 0s ease-out 0s;
}
.keyWidget[pressed="1"] {
	background-color: #22ff22;
	transition: background-color 0s ease-out 0s;
}
.keyWidget[pressed="2"] {
	background-color: #ff2222;
	transition: background-color 0s ease-out 0s;
}
.keyWidget[heated="1"] {
	border-color: #22ff22;
	transition: border-color 0s ease-out 0s;
}
.keyWidget[heated="2"] {
	border-color: #ff2222;
	transition: border-color 0s ease-out 0s;
}
.keyWidget[finger="LEFT_THUMB"] {
	border-bottom: 1px solid #ff80c0;
	border-right: 1px solid #ff80c0;
	transition: border-color 0s ease-out 0s;
}
.keyWidget[finger="LEFT_INDEX"] {
	border-bottom: 1px solid #ff80ff;
	border-right: 1px solid #ff80ff;
	transition: border-color 0s ease-out 0s;
}
.keyWidget[finger="LEFT_MIDDLE"] {
	border-bottom: 1px solid #ff00ff;
	border-right: 1px solid #ff00ff;
	transition: border-color 0s ease-out 0s;
}
.keyWidget[finger="LEFT_RING"] {
	border-bottom: 1px solid #ff0080;
	border-right: 1px solid #ff0080;
	transition: border-color 0s ease-out 0s;
}
.keyWidget[finger="LEFT_LITTLE"] {
	border-bottom: 1px solid #8000ff;
	border-right: 1px solid #8000ff;
	transition: border-color 0s ease-out 0s;
}

.keyWidget_label {
	width: 100%;
	padding: 0;
	border: 0;
	border-spacing: 0;
}
.alternative {
	opacity: 0.2;
	text-align: right;
}
.general {
	opacity: 1;
	text-align: left;
}

.keyWidget:active {
	border: 1px inset #ccc;
}
.keyWidget:hover {
	border-color: #939393;
}
.keyWidget[disabled] {
	cursor: default;
	color: #888;
	opacity: 0.2;
}
.keyWidget[disabled]:hover {
	border: 1px outset #ccc;
	opacity: 0.2;
}
/* .keyWidget { */
/* 	background-color: rgb(245,245,245); */
/* /* 	color: #888; */
*
/
/* /* 	color: #0000a0; */

 

*
/
/* 	margin: 0; */
/* 	padding: 3px 3px; */
/* 	text-decoration: none; */
/* 	cursor: pointer; */
/* 	cursor: hand; */
/* 	font-size: small; */
/* /* 	font-weight: bold; */

 

*
/
/* 	opacity: 1; */
/* 	/*   background: url("images/hborder.png") repeat-x 0px -2077px; */

 

*
/
/* 	border: 1px inset #bbb; */
/* /* 	border-color: #ff8040; */

 

*
/
/* /* 	border-bottom: 2px solid green; */

 

*
/
/* 	border-radius: 3px; */
/* 	-moz-border-radius: 3px; */
/* } */